<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
    <%- include('component/head') %>
</head>
<body>
<div id="lzpper">
    <div id="fh5co-page">
        <!-- 左边菜单 -->
        <%- include('component/left_menu') %>
        <div id="fh5co-main">
            <div class="fh5co-narrow-content">
                <h2 class="fh5co-heading animate-box" data-animate-effect="fadeInLeft">分类标签</h2>
                <div class="row row-bottom-padded-md">
                    <% if(Labels) { %>
                        <% Labels.forEach((item) => { %>

                        <div class="col-md-3 col-sm-6 col-padding text-center animate-box"><!-- background-image -->
                            <a href="/label/<%= item.id %>" class="work image-popup"
                               style="background-image:url(<%= item.la_img %>)">
                                <div class="desc">
                                    <h3><%= item.la_name %></h3>
                                    <span><%= item.la_describe %></span>
                                </div>
                            </a>
                        </div>

                        <% }); %>
                    <% } %>

                </div>
            </div>

            <div class="fh5co-narrow-content">
                <!-- 推荐博客 -->
                <div class="fh5co-narrow-content">
                    <h2 class="fh5co-heading animate-box" data-animate-effect="fadeInLeft">推荐博客</h2>
                    <div class="row">

                        <% if (ArticleRecList) { %>

                            <% ArticleRecList.forEach((item) => { %>
                                <div class="col-lg-5 col-md-12 col-padding animate-box recom-box">
                                    <!-- left -->
                                    <div class="left-box">
                                        <a href="/article/<%= item.id %>" class="blog-photo-a"><img
                                                    src="<%= item.thumbnail %>"
                                                    alt="<%= item.title %>"></a>
                                    </div>
                                    <!-- right -->
                                    <div class="right-box">
                                        <!-- title -->
                                        <div style="width: 14.22375rem;">
                                            <div class="post-meta fix">
                                                <div class="post-date floatleft"><span
                                                            class="text-dark-red"><%= item.time.getDate() %></span>
                                                </div>
                                                <div class="post-year floatleft">
                                                    <p class="text-uppercase text-dark-red mb-0"><%= item.time.toLocaleDateString() %></p>
                                                    <h4 class="post-title"><a href="#"
                                                                              tabindex="0"><%= item.title %></a>
                                                    </h4>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- 简介 -->
                                        <div class="introduc-box">
                                            <p><%= item.title %></p>
                                        </div>

                                        <!-- 阅读更多 -->
                                        <div class="lead-more"><a href="#">阅读更多 <i class="icon-arrow-right3"></i></a>
                                        </div>
                                    </div>
                                </div>
                            <% }); %>
                        <% } %>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<%- include('component/vue') %>
</body>
</html>

